<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>MYwebsite</title>
		<style type="text/css">
			a.one{
				display: inline-block;
				width: 120px;
				height: 58px;
				background: url("images/bg1.png");
				text-align: center;
				text-decoration: none;
				color: white;
				line-height: 50px;
			}
			a.one:hover{
				background: url("images/bg2.png");
			}
		</style>
	</head>
	<body>
		<a href="#" class="one">"五彩导航"</a>
		<a href="#" class="two">"五彩导航"</a>
		<a href="#" class="three">"五彩导航"</a>
		<a href="#" class="four">"五彩导航"</a>
	</body>
</html>